<template>
	<view class="main">
		<view class="ul">
			<view class="li justify_between_center typeface" v-if="item.isShow" v-for="(item, index) in settingsList"
				:key="index" @click="onClick(item)">
				<text class="li_title">{{ item.name }}</text>
				<u-icon name="arrow-right" color="#333" size="28rpx"></u-icon>
			</view>
		</view>
		<view class="quit flex_center_align" @click="outShow = true">
			<text>退出当前登录</text>
		</view>
		<u-modal :show="outShow" title="提示" content='确认退出吗？' showCancelButton confirmText="退出" @cancel="outShow = false"
			@confirm="quit"></u-modal>
	</view>
</template>

<script type="text/javascript" src="plus-confusion://../pages/my/settings"></script>

<style lang="scss">
.main {
	position: relative;
	min-height: 100vh;
	background-color: #F6F6F6;
	overflow: hidden;

	.ul {
		background: #FFFFFF;
		border-radius: 15rpx;
		margin-top: 18rpx;
		overflow: hidden;

		.li {
			padding: 0 30rpx 0 46rpx;
			height: 120rpx;

			.li_title {
				font-size: 32rpx;
			}
		}
	}

	.quit {
		margin: 100rpx auto 0;
		width: 630rpx;
		height: 90rpx;
		background: #1C87F3;
		border-radius: 45rpx;
		font-size: 30rpx;
		color: #FFFFFF;
	}
}
</style>
